// 就业地图导航
.mapPage_nav{
	@include comWidthMargin;
	margin:10px auto;
	.return{
		padding-left:23px;
		background: url('../images/fh.png') no-repeat left center;
	}
	.mapPage_nav_right{
		cursor: pointer;
		position: relative;
		.mapPage_nav_name{
			display: inline-block;
			padding-right: 20px;
			background: url('../images/jt.png') no-repeat right center;
			color: #676767;
		}
	}
}
// 就业地图导航 end
// 就业地图search
.mapPage_search_wrap{
	width: 100%;
	background-color:#ffffff;
}
.mapPage_search{
	@include comWidthMargin;
	background-color: #ffffff;
	border-bottom: 2px solid #2764C9;
	.mp_s_logo{
		font-size: 30px;
		font-weight: bold;
		color: #003399;
		padding: 15px 0 ;
		letter-spacing: 2px;
		border-bottom: 1px solid #E2E2E2;
		.map_fontimg{
			border-left: 1px solid #000000;
			width: 260px;
			height: 56px;
			background: url('../images/fontimg/jydt.png') no-repeat 10px center;

		}
	}
	.mp_s_right{
		padding: 10px 0 10px;
		.mp_s_search{
			width: 605px;
			height: 34px;
			line-height: 34px;
			border: 1px solid #CCCCCC;
			border-radius: 4px;
			position: relative;
			margin-top: 1px;
			.s_input{
				color: #999999;
				border: none;
				margin-top: 1px;
				height: 33px;
				line-height: 33px;
				text-indent: 1em;
				width: 510px;
				box-sizing: border-box;
			}
			.s_btn{
				padding: 0 20px 0 34px;
				text-align: center;
				color: #ffffff;
				font-size: 16px;
				background:#2764C9 url('../images/ss.png') no-repeat 10px center;
				cursor: pointer;
			}
		}
		.mp_s_item{
			width: 100px;
			margin-left: 16px;
			box-sizing: border-box;
			position: relative;
			cursor: pointer;
			.mp_s_item_input{
				position: relative;
			}
			.mp_s_select{
				width: 100px;
				height: 34px;
				line-height: 34px;
				margin-top: 3px;
				border: none;
				border: 1px solid #ccc;
				color: #676767;
				font-size: 14px;
				padding: 5px 0;
			}
			.mp_s_input{
				width:100%;
				height: 34px;
				line-height: 34px;
				margin-top: 3px;
				border: 1px solid #ccc;
				box-sizing: border-box;
				color: #676767;
			}
			&.fbtime{
				width: auto;
				span{
					height: 34px;
					line-height: 34px;
					margin: 0 5px;
					margin-top: 3px;
					color: #676767;
				}
				input{
					width: 100px;
					height: 34px;
					line-height: 34px;
					border: 1px solid #ccc;
					box-sizing: border-box;
					color: #676767;
					text-indent: 0.2em;
					margin-top: 3px;
				}
			}
		}
	}
}
// 就业地图search end
// 职位
.post{
	@include comWidthMargin;
	margin-bottom:$margin-bottom;
	height: 660px;
	position: relative;
	.post_left{
		width: 280px;
		height: 660px;
		background-color: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		.post_left_top{
			width:100%;
			height:50px;
			line-height: 50px;
			color: #ffffff;
			// text-align: center;
			background-color:#29aef5;
			.post_num{
				display: inline-block;
				height: 100%;
				margin-left: 20px;
				span{
					float: left;
					width: 30px;
					height: 100%;
					background: url('../images/ss.png') no-repeat center center;
				}
				p{
					float: left;
				}
			}

		}
		.post_left_bottom{
			height: 610px;
			padding: 0 15px 10px;
			box-sizing: border-box;
			overflow: hidden;
			overflow-y: auto;
			.post_con{
				a{
					float: left;
					width: 100%;
					border-bottom: 1px solid #DCDCDC;
					padding: 15px 0;
					.post_top{
						margin-top: 10px;
						.post_name{
							float: left;
							color: #222222;
							font-size: 16px;
							height: 18px;
							width: 220px;
							@include overflowSl;
						}
					}
					.post_price{
						font-size: 16px;
						font-weight: normal;
						color: #FF6600;
						line-height: 26px;
						margin-top: 8px;
					}
					.post_center{
						margin-top: 10px;
						span{
							font-size: 14px;
							color: #787878;
							box-sizing: border-box;
							&.post_qz{
								padding: 0 10px;
								margin: 0 10px;
								border-left: 1px solid #999ab2;
								border-right: 1px solid #999ab2;
							}
						}
					}
					.post_bottom{
						margin-top: 16px;
						span{
							float: left;
							color: #aaaaaa;
							font-size: 14px;
							padding-left: 20px;
							line-height: 20px;
							background: url('../images/mark.png') no-repeat left center;
							box-sizing: border-box;
						}

					}
				}
			}
			.J_ckgd{
				line-height: 40px;
				text-align: center;
				font-size: 14px;
				color: #0099FF;
				cursor: pointer;
				display:none;
			}
			.J_zwxx{
				text-align: center;
				display: none;
				img{
					margin: 20px 0 ;
				}
				h3{
					font-weight: normal;
					color: #647180;
					font-size: 18px;
					line-height: 26px;

				}
				p{
					color: #8697AC;
					font-size: 14px;
					line-height: 26px;
				}
			}

		}
		.post_left_tigger{
			position: absolute;
			right: -14px;
			top: 50%;
			width: 14px;
			text-align: center;
			line-height: 90px;
			height: 90px;
			margin-top: -45px;
			z-index: 999;
			background-color:#ffffff;
			color: #cccccc;
			font-family: "宋体";
			border-radius: 10px;
			cursor: pointer;
		}
	}
	.post_right{
		width: 920px;
		height: 660px;
		background-color: #ffffff;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}
}
// 职位 end
// 滚动条样式
.changeScallBar{
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #e9e9e9;
	scrollbar-3dlight-color: #e9e9e9;
	scrollbar-arrow-color: #e9e9e9;
	scrollbar-track-color: #666;
	scrollbar-darkshadow-color: #e9e9e9;
 }
 .changeScallBar::-webkit-scrollbar-track{
	border-radius: 10px;
	background-color: #ffffff;
 }
 .changeScallBar::-webkit-scrollbar-thumb {
	background-color: #ffffff;
	height: 50px;
	outline-offset: 0px;
	outline: 0px solid #e9e9e9;
	-webkit-border-radius: 10px;
	border: 1px solid #d5d5d5;
 }
 .changeScallBar::-webkit-scrollbar-thumb:hover {
	background-color: #ffffff;
	height: 50px;
	-webkit-border-radius: 10px;
 }

 .changeScallBar::-webkit-scrollbar {
	width: 10px;
	height: 12px;
 }
//滚动条样式 end

